<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
	<th:block th:include="include :: header('添加人员信息')"/>
	<th:block th:include="include :: datetimepicker-css"/>
	<th:block th:include="include :: bootstrap-select-css"/>
	<th:block th:include="include :: summernote-css"/>
	<th:block th:include="include :: bootstrap-fileinput-css"/>


	<script type="text/javascript">

		// 编写一个函数，供添加按钮调用，动态在表格的最后一行添加子节点；
		function addOne(obj){
			var tbody = document.getElementById('table').lastChild;
			var tr = document.createElement('tr');
			var td = document.createElement("td");
			td.innerHTML = "<input type='text'/>";
			tr.appendChild(td);
			td = document.createElement("td");
			td.innerHTML = "<input type='text'/>";
			tr.appendChild(td);
			td = document.createElement("td");
			td.innerHTML = "<a href='javascript:;' onclick='deleteRow(this)'>删除</a>";
			tr.appendChild(td);
			tbody.appendChild(tr);
			Highlight();
		}


		// 创建删除函数
		function deleteRow(obj){
			var tbody=document.getElementById("table").lastChild;
			var tr=obj.parentNode.parentNode;
			tbody.removeChild(tr);
		}
	</script>

</head>
<body class="white-bg">
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
	<form class="form-horizontal m" id="form-personnel-edit">
		<div class="col-md-6">
			<div class="form-group">
				<label class="col-sm-3 control-label">姓名：</label>
				<div class="col-sm-9">
					<input type="text" name="" class="form-control" placeholder="请输入姓名">
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">出生年月：</label>
				<div class="col-sm-9">
					<div class="input-group date"><span class="input-group-addon"><i class="fa fa-calendar"></i></span>
						<input type="text" class="time-input form-control" value="" placeholder="请选择出生年月">
					</div>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">专业：</label>
				<div class="col-sm-9">
					<input type="text" name="" class="form-control" placeholder="请输入专业">
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">政治面貌：</label>
				<div class="col-sm-9">
					<input type="text" name="" class="form-control" placeholder="请输入政治面貌">
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">手机：</label>
				<div class="col-sm-9">
					<input type="text" name="" class="form-control" placeholder="请输入手机号">
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">家庭住址：</label>
				<div class="col-sm-9">
					<input type="text" name="" class="form-control" placeholder="请输入家庭地址">
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">户口所在地：</label>
				<div class="col-sm-9">
					<input type="text" name="" class="form-control" placeholder="请输入户口所在地">
				</div>
			</div>
		</div>
		<div class="col-md-6">
			<div class="form-group">
				<label class="col-sm-3 control-label">用户性别：</label>
				<div class="col-sm-9">
					<select name="sex" class="form-control" th:with="type=${@dict.getType('sys_user_sex')}">
						<option th:each="dict : ${type}" th:text="${dict.dictLabel}"
								th:value="${dict.dictValue}"></option>
					</select>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">学历：</label>
				<div class="col-sm-9">
					<input type="text" name="" class="form-control" placeholder="请输入学历">
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">工作年限：</label>
				<div class="col-sm-9">
					<input type="text" name="" class="form-control" placeholder="请输入工作年限">
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">籍贯：</label>
				<div class="col-sm-9">
					<input type="text" name="" class="form-control" placeholder="请输入籍贯">
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">邮箱：</label>
				<div class="col-sm-9">
					<input type="text" name="" class="form-control" placeholder="请输入邮箱">
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">家庭地址邮编：</label>
				<div class="col-sm-9">
					<input type="text" name="" class="form-control" placeholder="请输入家庭地址邮编">
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">户口所在地邮编：</label>
				<div class="col-sm-9">
					<input type="text" name="" class="form-control" placeholder="请输入户口所在地邮编">
				</div>
			</div>
		</div>
	</form>


	<label class="m-l-md" style="margin-left: 150px">教育经历</label>&nbsp;&nbsp;&nbsp;&nbsp;
	<button class="button" onclick=" ">增加</button>

	<form>
		<div class="col-lg-7 search-collapse">
			<div class="select-list">
				<ul class="col-lg-offset-7" style="margin-left: 250px;">
					<li class="col-lg-1">序号</li>
					<li class="col-lg-1">开始时间</li>
					<li class="col-lg-1">结束时间</li>
					<li class="col-lg-1">学校</li>
					<li class="col-lg-1">专业</li>
					<li class="col-lg-1">学历、学位</li>
					<li class="col-lg-1">备注</li>
					<li class="col-lg-1">操作</li>
				</ul>
			</div>

			<hr>

<!--			<div class="select-list">-->
<!--				<ul class="col-lg-offset-7" style="margin-left: 250px;">-->
<!--					<li class="col-lg-1">序号</li>-->
<!--					<li class="col-lg-1">开始时间</li>-->
<!--					<li class="col-lg-1">结束时间</li>-->
<!--					<li class="col-lg-1">学校</li>-->
<!--					<li class="col-lg-1">专业</li>-->
<!--					<li class="col-lg-1">学历、学位</li>-->
<!--					<li class="col-lg-1">备注</li>-->
<!--					<li class="col-lg-1">操作</li>-->
<!--				</ul>-->

<!--			</div>-->

		</div>

	</form>


</div>
<th:block th:include="include :: footer"/>
<th:block th:include="include :: summernote-js"/>
<script type="text/javascript">
	var prefix = ctx + "system/notice";

</script>
</body>
</html>
